<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/zbx/zhuce.css">
    <link rel="stylesheet" href="./css/zbx/reset..css">
    <script src="./js/zbx/zhuce.js"></script>
</head>

<body>
    <div data-v-3488bcba="" data-v-90732428="" class="auth-modal-box">
        <form data-v-3488bcba="" class="auth-form">
            <div data-v-3488bcba="" class="panfish" style="display: none;">
                <img data-v-3488bcba="" src="https://b-gold-cdn.xitu.io/v3/static/img/normal.0447fe9.png"
                    class="normal">
                <img data-v-3488bcba="" src="https://b-gold-cdn.xitu.io/v3/static/img/greeting.1415c1c.png"
                    class="greeting" style="display: none;">
                <img data-v-3488bcba="" src="https://b-gold-cdn.xitu.io/v3/static/img/blindfold.58ce423.png"
                    class="blindfold" style="display: none;">
            </div>
            <i data-v-3488bcba="" title="关闭" class="close-btn ion-close-round">
            </i>
            <div data-v-3488bcba="" class="panel">
                <h1 data-v-3488bcba="" class="title">注册</h1>
                <!---->
                <div data-v-3488bcba="" class="input-group">
                    <div data-v-3488bcba="" class="input-box">
                        <input data-v-3488bcba="" name="registerUsername" maxlength="20" placeholder="请输入用户名"
                            class="input" type="text">
                    </div>
                    <div data-v-3488bcba="" class="input-box">
                        <input data-v-3488bcba="" name="registerPhoneNumber" maxlength="64" placeholder="请输入手机号"
                            class="input" type="text">
                    </div>
                    <!---->
                    <!-- <div data-v-3488bcba="" class="input-box" style="display: none;">
                        <input data-v-3488bcba="" name="registerSmsCode" maxlength="6" placeholder="手机验证码"
                            class="input">
                        <button data-v-3488bcba="" class="send-vcode-btn">获取验证码</button>
                    </div> -->
                    <div data-v-3488bcba="" class="input-box">
                        <input data-v-3488bcba="" name="registerPassword" type="password" maxlength="64"
                            autocomplete="new-password" placeholder="请输入密码（不少于 6 位）" class="input">
                    </div>
                </div>
                <button data-v-3488bcba="" type="button" class="btn">注册</button>
                <div data-v-3488bcba="" class="prompt-box center">
                    <span data-v-3488bcba="" class="clickable">已有账号登录</span>
                </div>
            </div>
            <div data-v-3488bcba="" class="oauth-box">
                <div data-v-3488bcba="" class="hint">
                    第三方账号登录：
                </div>
                <div data-v-3488bcba="" class="oauth">
                    <div data-v-3488bcba="" class="oauth-bg">
                        <img data-v-3488bcba="" title="微博" alt="微博"
                            src="https://b-gold-cdn.xitu.io/v3/static/img/weibo.fa758eb.svg" class="oauth-btn">
                    </div>
                    <div data-v-3488bcba="" class="oauth-bg">
                        <img data-v-3488bcba="" title="微信" alt="微信"
                            src="https://b-gold-cdn.xitu.io/v3/static/img/wechat.e0ff124.svg" class="oauth-btn">
                    </div>
                    <div data-v-3488bcba="" class="oauth-bg">
                        <img data-v-3488bcba="" title="GitHub" alt="GitHub"
                            src="https://b-gold-cdn.xitu.io/v3/static/img/github.547dd8a.svg" class="oauth-btn">
                    </div>
                </div>
            </div>
        </form>
    </div>
    <script src="./lib/jqurey/jquery.min.js"></script>
    <script>
        $('form').on('click', '.btn', function () {
            // console.log(12313);
            let data = $('form').serialize();
            // console.log(data);
            $.ajax({
                type: 'post',
                url: '/userAdd',
                data: data,
                success: function (data) {
                    if (data.code == '10002') {
                        alert(data.message);
                        location.href = '/login'
                    }
                }
            })


        })





    </script>
</body>

</html>